<template>
  <div class="screen-table" style="padding:10px;">
    <a-table
      :locale="{ emptyText: '暂无数据' }"
      :columns="columns"
      :data-source="data"
      :pagination="false"
      rowKey="starlinkId"
    >
    </a-table>
  </div>
</template>

<script>
export default {
  props: {
    columns: Array,
    data: Array,
  },
};
</script>

<style>
.screen-table .ant-table-thead > tr > th {
  background: #0f1f36;
  color: #fff;
  border-bottom: 1px solid #163145;
}
.screen-table .ant-table-tbody > tr > td {
  border-bottom: 1px solid #163145;
}
.screen-table .ant-table {
  color: #fff;
}
.screen-table .ant-table tr:hover td {
  background: rgba(255, 255, 255, 0.4) !important;
}
</style>
